<!--
 * @Date: 2025-01-21 14:38:14
 * @Author: LiSong
 * @LastEditors: LiSong
 * @LastEditTime: 2025-01-21 14:40:56
 * @Description: 备选项目申报记录
-->
<template>
  <rk-grid
		ref="tableRef"
		:="tableAttrs"
		:columns="tableColumns"
	>
	</rk-grid>
</template>

<script setup>
import { ref, reactive } from 'vue';
import { slotProps } from '@fp/slots/config/props.js'

// 属性定义
const props = defineProps({
	// 通用属性
	...slotProps,
});

// 表格Ref对象
const tableRef = ref(null)
// 表格属性配置
const tableAttrs = reactive({
	title: props.title,
	params: {
		proId: props.formData.proId,
		applyId: props.formData.applyId
	},
	dataUrl: '/proAltApply/queryAlternateProjectSqjl',
	boxConfig: false,
	seqConfig: true,
	pagerConfig: false,
	toolbarConfig: { refresh: false },
})
// 表格的数据字段
const tableColumns = ref([
	{ field: 'agencyName', title: '申报单位', width: 250, align: 'left' },
	{ field: 'proName', title: '项目名称', width: 310, align: 'left' },
	{ field: 'proCode', title: '项目编码', width: 150, align: 'left' },
	{ field: 'fiscalYear', title: '年度', width: 100, align: 'left' },
	{ field: 'bondTypeName', title: '申请类型', width: 100, align: 'left' },
	{ field: 'applyAmt', title: '申请金额(万元)', width: 150, align: 'center', formatter: 'formatThousand' },
	{ field: 'applyDate', title: '申报日期', width: 120, align: 'left' },
	{ field: 'setupYear', title: '立项年度', width: 100, align: 'left' },
	{ field: 'proTypeName', title: '项目类型', width: 150, align: 'left' },
	{ field: 'totalBudget', title: '项目总概算', width: 150, align: 'left', formatter: 'formatThousand' },
	{ field: 'startDate', title: '开工日期', width: 150, align: 'left' },
	{ field: 'endDate', title: '竣工日期', width: 150, align: 'left' },
	{ field: 'proStatusName', title: '建设状态', width: 150, align: 'left' },
	// { field: 'Field2', title: '上报审核意见', width: 150, align: 'left' },
	// { field: 'Field3', title: '状态', width: 150, align: 'left' },
	// { field: 'Field4', title: '备注', width: 150, align: 'left' },
]);


// ----- 获取组件数据
/**
 * 获取投资计划数据的方法，暴露给表单调用，固定名称getCompData
 */
const getCompData = function () {
	const { fullData } = tableRef.value.getTableData();
	return {
		reviewApply_data: JSON.parse(JSON.stringify(fullData)),
	};
};

defineExpose({
	// getCompData
});

</script>

<style lang="scss" scoped>
:deep(.gs-cell-bg) {
	background-color: #e6e6e6;
}
</style>
